<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link
	href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css"
	rel="stylesheet">
<script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
<script
	src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<style>
.imageBt {
	cursor: pointer;
}

.bg {
	background: url(image/home/bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.head {
	height: 50px;
	background: url(image/home/u0.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

img:HOVER {
	cursor: pointer;
}
</style>
<script type="text/javascript">
	window.onload = haslogin;
	function haslogin() {

		var xmlhttp, msg;
		if (window.XMLHttpRequest) {
			xmlhttp = new XMLHttpRequest();
		} else {
			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
		xmlhttp.onreadystatechange = function() {
			if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
				msg = xmlhttp.responseText;
				var jsonmsg = eval('(' + msg + ')');
				if (jsonmsg.states == "ERROR") {
					// 					document.getElementById("u7").innerHTML = "<p> <span>登录</span></p>";
					// 					document.getElementById("u9").innerHTML = "<p> <span>注册</span></p>";
				} else {
					document.getElementById("loginORusername").innerHTML = "<a href='http://www.baidu.com' style='text-decoration:none; color:#ffffff; font-size:21px'>"
							+ jsonmsg.user.username + "</a>";

					document.getElementById("registORlogout").innerHTML = "<a href='../arithmetic/logout.jsp' style='text-decoration:none; color:#ffffff; font-size:21px'>"
							+ "注销 " + "</a>";

					// 					document.getElementById("u50").style.display = "none";
				}
			}
		};
		xmlhttp.open("POST", "../user/checkLogin.do", true);
		xmlhttp.setRequestHeader("Content-type", "application/json");
		xmlhttp.send();
	}
</script>
</head>
<body>
	<div class="container bg">
		<div style="height:5px"></div>

		<div class="row head">
			<div class="col-md-3" style="padding:10px">
				<img src="image/home/title_1.jpg" class="img-responsive">
			</div>
			<div class="col-md-1 col-md-offset-7" style="padding:10px"
				id="loginORusername">
				<a href="../arithmetic/登录.html"
					style="text-decoration:none; color:#ffffff; font-size:21px">登录</a>
			</div>
			<div class="col-md-1" style="padding:10px" id="registORlogout">
				<a href="../arithmetic/注册.html"
					style="text-decoration:none; color:#ffffff; font-size:21px">注册</a>
			</div>
		</div>


		<div style="height:5px "></div>
		<div class="row">
			<div class="span12">
				<div class="carousel slide" id="carousel" data-ride="carousel"
					data-interval="2500">
					<ol class="carousel-indicators">
						<li class="active" data-slide-to="0" data-target="#carousel"></li>
						<li data-slide-to="1" data-target="#carousel"></li>

					</ol>
					<div class="carousel-inner">
						<div class="item active">
							<img alt="" src="image/home/lunbo1.jpg" />
						</div>
						<div class="item">
							<img alt="" src="image/home/lunbo2.jpg" />
						</div>

					</div>
					<a data-slide="prev" href="#carousel" class="left carousel-control">‹</a>
					<a data-slide="next" href="#carousel"
						class="right carousel-control">›</a>
				</div>
			</div>
		</div>
		<div style="height:30px "></div>
		<div class="row">
			<div class="col-md-2 col-md-offset-1">
				<img alt="140x140" src="image/home_1/jia1.png" id="jiafa"
					class="img-responsive imageBt" />
			</div>
			<div class="col-md-2">
				<img alt="140x140" src="image/home_1/jianfa1.png" id="jianfa"
					class="img-responsive imageBt" />
			</div>
			<div class="col-md-2">
				<img alt="140x140" src="image/home_1/chengfa1.png" id="chengfa"
					class="img-responsive imageBt" />
			</div>
			<div class="col-md-2">
				<img alt="140x140" src="image/home_1/chufa1.png" id="chufa"
					class="img-responsive imageBt" />
			</div>
			<div class="col-md-2">
				<img alt="140x140" src="image/home_1/chengji1.png" id="chengji"
					class="img-responsive imageBt" />
			</div>
		</div>
		<div style="height:20px"></div>
		<div class="row">
			<div class="col-md-2 col-md-offset-1">
				<img alt="140x140" src="image/home_1/zonghe1.png" id="zonghe"
					class="img-responsive imageBt" />
			</div>
			<div class="col-md-2">
				<img alt="140x140" src="image/home_1/kaoshi1.png" id="kaoshi"
					class="img-responsive imageBt" />
			</div>
			<div class="col-md-2">
				<img alt="140x140" src="image/home_1/cuoti1.png" id="cuoti"
					class="img-responsive imageBt" />
			</div>
			<div class="col-md-2">
				<img alt="140x140" src="image/home_1/youxi1.png" id="youxi"
					class="img-responsive imageBt" />
			</div>
			<div class="col-md-2">
				<img alt="140x140" src="image/home_1/paiming1.png" id="paiming"
					class="img-responsive imageBt" />
			</div>
		</div>
		<div style="height:100px"></div>
		<div class="row">
			<div class="col-md-12">
				<img src="image/home/bottom.png" class="img-responsive" />
			</div>
		</div>
	</div>
	<script type="text/javascript" src="./js/home.js"></script>
</body>
</html>